// 基于 axios 封装的请求模块
import axios from 'axios'
import router from '@/router' // 这句话好比this.$router
import store from '@/store'
import { refreshTokenAPI } from '@/api'
// 新建一个新的axios实例
const ajax = axios.create({
  baseURL: 'http://123.57.109.30:8000' // 基地址
})
// `````````````````````````````````````````````````````````````````````````````````````````````
// 添加请求拦截器
ajax.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么, 如果vuex里有token携带在请求头中，并且没有定义请求头的话
  if (store.state.token.length > 0 && config.headers.Authorization === undefined) {
    // 发起请求之前, 把token携带在请求头上(表明自己身份)
    config.headers.Authorization = 'Bearer ' + store.state.token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// `````````````````````````````````````````````````````````````````````````````````````````````
// 添加响应拦截器
ajax.interceptors.response.use(function (response) { // 当状态码为2xx/3xx开头的进这里
  // 对响应数据做点什么
  return response
}, async function (error) { // 响应状态码4xx/5xx进这里
  // 对响应错误做点什么
  console.dir(error)
  if (error.response.status === 401) { // 身份过期
    // vuex和本地里的token过期也得清空
    store.commit('setToken', '')
    // //方式1:  去登录页重新登录, token无用, 清掉-确保路由守卫if进不去
    // router.replace({// 强制跳回登录页，但是这样体验不好
    //   path: '/login'
    // })
    // 用户无感知方式续签方式！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
    const res = await refreshTokenAPI()// 重新获取token
    // console.log(res)
    // res里会有新的token，把新的token给存起来
    store.commit('setToken', res.data.data.token)
    // 把新的token拿到以后，再调用一次接口，因为之前的接口没有接收成功，所以用新的token再发一次请求
    console.dir(error)
    // 调用这里的ajax实际上是那个axios，return到await的那个地方，谁调用就return到哪
    // 把新获取的token重新给到下面请求的请求头中，不然token还是老的(错的那个)
    error.config.headers.Authorization = 'Bearer ' + res.data.data.token
    return ajax(error.config)
  } else if (error.response.data.message === 'refresh_token失效') {
    store.commit('setToken', '')
    store.commit('setRefreshToken', '')
    router.replace({
      path: '/login'
    })
  }

  return Promise.reject(error)
})

// 导出自定义函数, 参数对象解构赋值
export default ({ url, method = 'GET', params, data, headers }) => {
  return ajax({
    url: url,
    method: method,
    params: params,
    data: data,
    headers: headers
  })
}
